<template>
  <div class="app-container m-user">
    <UserSide @node="nodeChange" v-if="route.query.id" />
    <UserTable ref="userTableRef" />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import UserTable from './components/userTable.vue'
import UserSide from './components/userSide.vue'
import { useRoute } from 'vue-router'
const route = useRoute()
const userTableRef = ref()
const nodeChange = (nodeId) => {
  userTableRef.value.init(nodeId)
}
</script>

<style scoped lang="scss">
@import './index';
</style>
